<extend file="template/mobile/game/commen.html"/>
<block name="content">
	<!--头部测试-->
	<div class="animais">
		<div class="container">
			<div class="col-md-9 cnma">
<div class="single-page-artical">
								<div class="artical-content">
									<h3>{{$cms_arc['arc_title']}}</h3>
									<img class="img-responsive" src="{{$cms_arc['arc_thumb']}}" title="banner1">

										<p>{{$cms_arc['arc_content']}}<p>

								    </div>
								    <div class="artical-links">
		  						 	<ul>
										<li><span>上一篇<prev/></span></li>
		  						 		<li><small> </small><span>june 14, 2013</span></li>
		  						 		<!--<li><a href="#"><small class="admin"> </small><span>admin</span></a></li>-->
		  						 		<!--<li><a href="#"><small class="no"> </small><span>No comments</span></a></li>-->
		  						 		<!--<li><a href="#"><small class="posts"> </small><span>View posts</span></a></li>-->
		  						 		<!--<li><a href="#"><small class="link"> </small><span>permalink</span></a></li>-->
										<li><span>下一篇<next/></span></li>
		  						 	</ul>
		  						 </div>
								 <div class="comment-grid-top">
			<h3>4 Responses</h3>
			<div class="comments-top-top">
				<div class="top-comment-left">
					<a href="#"><img class="img-responsive" src="{{__TEMPLATE__}}/images/co.png" alt=""></a>
				</div>
				<div class="top-comment-right">
					<ul>
						<li><span class="left-at"><a href="#">Admin</a></span></li>
						<li><span class="right-at">12 July 2014 at 10.30am</span></li>
						<li><a class="reply" href="#">REPLY</a></li>
					</ul>
				<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.The point of using Lorem Ipsum is that it has a more-or-less </p>
				</div>
				<div class="clearfix"> </div>
			</div>
			<div class="comments-top-top top-grid-comment">
				<div class="top-comment-left">
					<a href="#"><img class="img-responsive" src="{{__TEMPLATE__}}/images/co.png" alt=""></a>
				</div>
				<div class="top-comment-right">
					<ul>
						<li><span class="left-at"><a href="#">Admin</a></li>
						<li><span class="right-at">12 July 2014 at 10.30am</span></li>
						<li><a class="reply" href="#">REPLY</a></li>
					</ul>
				<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.The point of using Lorem Ipsum is that it has a more-or-less </p>
				</div>
				<div class="clearfix"> </div>
			</div>


		</div>

		  						 <div class="artical-commentbox">
		  						 	<h3>leave a comment</h3>
		  						 	<div class="table-form">
									<form>
										<input type="text" class="textbox" value="Name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Name';}">
										<input type="text" class="textbox" value="Email" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Email';}">
										<input type="text" class="textbox" value="Phone number" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Phone number';}">
										<textarea value="Message:" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Message';}">Message</textarea>
									<input type="submit" value="SEND">
									</form>

								</div>
		  						 </div>

							</div>

</div>


			<div class="col-md-3 redes">
			<div class="red-1">
				<h3>Redes <strong>sociais</strong><label2></label2></h3>
						<div class="redes-1">
							<div class="redes-top">
								<div class="redes-left">
									<h4>facebook</h4>
								</div>
								<div class="redes-right">
									<div class="fb-like fb_iframe_widget" data-href="https://developers.facebook.com/w3layouts" data-layout="button" data-action="like" data-show-faces="true" data-share="false" fb-xfbml-state="rendered" fb-iframe-plugin-query="action=like&amp;app_id=&amp;container_width=0&amp;href=https%3A%2F%2Fdevelopers.facebook.com%2Fw3layouts&amp;layout=button&amp;locale=en_US&amp;sdk=joey&amp;share=false&amp;show_faces=true"><span style="vertical-align: bottom; width: 48px; height: 20px;"><iframe name="f1e6deae58" width="1000px" height="1000px" frameborder="0" allowtransparency="true" scrolling="no" title="fb:like Facebook Social Plugin" src="http://www.facebook.com/v2.3/plugins/like.php?action=like&amp;app_id=&amp;channel=http%3A%2F%2Fstatic.ak.facebook.com%2Fconnect%2Fxd_arbiter%2F6Dg4oLkBbYq.js%3Fversion%3D41%23cb%3Df8e691e7%26domain%3D192.168.2.13%26origin%3Dhttp%253A%252F%252F192.168.2.13%252Ff364662d8%26relation%3Dparent.parent&amp;container_width=0&amp;href=https%3A%2F%2Fdevelopers.facebook.com%2Fw3layouts&amp;layout=button&amp;locale=en_US&amp;sdk=joey&amp;share=false&amp;show_faces=true" style="border: none; visibility: visible; width: 48px; height: 20px;" class=""></iframe></span></div>
									<div id="fb-root" class=" fb_reset"><div style="position: absolute; top: -10000px; height: 0px; width: 0px;"><div></div></div><div style="position: absolute; top: -10000px; height: 0px; width: 0px;"><div><iframe name="fb_xdm_frame_http" frameborder="0" allowtransparency="true" scrolling="no" id="fb_xdm_frame_http" aria-hidden="true" title="Facebook Cross Domain Communication Frame" tabindex="-1" src="http://static.ak.facebook.com/connect/xd_arbiter/6Dg4oLkBbYq.js?version=41#channel=f364662d8&amp;origin=http%3A%2F%2F192.168.2.13" style="border: none;"></iframe><iframe name="fb_xdm_frame_https" frameborder="0" allowtransparency="true" scrolling="no" id="fb_xdm_frame_https" aria-hidden="true" title="Facebook Cross Domain Communication Frame" tabindex="-1" src="https://s-static.ak.facebook.com/connect/xd_arbiter/6Dg4oLkBbYq.js?version=41#channel=f364662d8&amp;origin=http%3A%2F%2F192.168.2.13" style="border: none;"></iframe></div></div></div>
										<script>(function(d, s, id) {
										  var js, fjs = d.getElementsByTagName(s)[0];
										  if (d.getElementById(id)) return;
										  js = d.createElement(s); js.id = id;
										  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.3";
										  fjs.parentNode.insertBefore(js, fjs);
										}(document, 'script', 'facebook-jssdk'));</script>
								</div>
								<div class="clearfix"> </div>
							</div>
							<div class="redes-bottom">
								<h6>2.959.571</h6>
							</div>
							<div class="redes-bottom1">
							</div>
						</div>
						<div class="redes-1">
							<div class="redes-top2">
								<div class="redes-left">
									<h4>twitter</h4>
								</div>
								<div class="redes-right">
									<iframe id="twitter-widget-0" scrolling="no" frameborder="0" allowtransparency="true" src="http://platform.twitter.com/widgets/tweet_button.23a4a4933995b86880bb787f8ff6a082.en.html#_=1428382271595&amp;count=none&amp;dnt=false&amp;id=twitter-widget-0&amp;lang=en&amp;original_referer=http%3A%2F%2F192.168.2.13%2Fsurendra%2Fapril%2Finfoshare%2Fweb%2Findex.html&amp;related=twitterdev&amp;size=m&amp;text=Infoshare%20a%20Hotel%20Category%20Flat%20Bootstarp%20Responsive%20Website%20Template%20%7C%20Home%20%3A%3A%20w3layouts&amp;url=http%3A%2F%2F192.168.2.13%2Fsurendra%2Fapril%2Finfoshare%2Fweb%2Findex.html" class="twitter-share-button twitter-tweet-button twitter-share-button twitter-count-none" title="Twitter Tweet Button" data-twttr-rendered="true" style="width: 56px; height: 20px;"></iframe>
										<script>
										window.twttr=(function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],t=window.twttr||{};if(d.getElementById(id))return;js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);t._e=[];t.ready=function(f){t._e.push(f);};return t;}(document,"script","twitter-wjs"));
										</script>
								</div>
								<div class="clearfix"> </div>
							</div>
							<div class="redes-bottom">
								<h6>1.258.456</h6>
							</div>
							<div class="redes-bottom2">
							</div>
						</div>
				</div>
						<div class="ultimas">
							<h3>技术 <strong>分享</strong><label4></label4></h3>
							<arclist cid="20">
								<div class="ultimas-top">
									<span>{{$key+1}}</span><a href="{{$field['url']}}"><h5>{{$field['arc_title']}}</h5> </a>
									<div class="clearfix"> </div>
								</div>
							</arclist>
							<!--<div class="ultimas-top">-->
								<!--<span>01</span><h5>Novo satélite da Nasa irá contr ibuir para previsão do tempo</h5>-->
								<!--<div class="clearfix"> </div>-->
							<!--</div>-->
							<!--<div class="ultimas-top">-->
								<!--<span>02</span><h5>Mais de um bilhão Android foram vendidos em 2014</h5>-->
								<!--<div class="clearfix"> </div>-->
							<!--</div>-->
							<!--<div class="ultimas-top">-->
								<!--<span>03</span><h5>Lista revela todos os filmes que o cinema em 2015</h5>-->
								<!--<div class="clearfix"> </div>-->
							<!--</div>-->
							<!--<div class="ultimas-top">-->
								<!--<span>04</span><h5>Mercado de design cresce 80% e se mais de 40 mil vagas</h5>-->
								<!--<div class="clearfix"> </div>-->
							<!--</div>-->
						</div>
						<div class="relax-top">
							<i class="line"> </i>
								<div class="relax">
								<div class="wmuSlider example1 section" id="section-1" style="overflow: hidden; height: 200px;">
									<article style="position: relative; width: 100%; opacity: 0.175275975834908;">
										<div class="rel">
											<i class="teacu"> </i><h4>TO RELAX</h4>
										 </div>
											<div class="clearfix"></div>
											<img src="{{__TEMPLATE__}}/images/18.jpg" class="img-responsive" alt="">
											<a class="cinmsbtn1" href="content.html">Cinema</a>
											<div class="comopasser-bottom1">
												<h5><a href="content.html">Lista Nova - Os 30 melhores filmes que eu assisti</a></h5>
												<div class="curtir">
													<li>08/02/2015</li>
													<li><a class="cap" href="#"><i class="inter1"> </i><span class="icon_text1">253</span></a></li>
												</div>
											</div>
									</article>
									<!--<article style="position: absolute; width: 100%; opacity: 0;">-->
										<!--<div class="rel">-->
											<!--<i class="teacu"> </i><h4>TO RELAX</h4>-->
										 <!--</div>-->
											<!--<div class="clearfix"></div>-->
											<!--<img src="{{__TEMPLATE__}}/images/15.jpg" class="img-responsive" alt="">-->
											<!--<a class="gamsbtn1" href="content.html">Games</a>-->
											<!--<div class="comopasser-bottom1">-->
												<!--<h5><a href="content.html">GamePlay - Como passar as missões do GTA 5</a></h5>-->
												<!--<div class="curtir">-->
													<!--<li>08/02/2015</li>-->
													<!--<li><a class="cap" href="#"><i class="inter1"> </i><span class="icon_text1">253</span></a></li>-->
												<!--</div>-->
											<!--</div>-->
									<!--</article>-->
									<article style="position: absolute; width: 100%; opacity: 0;">
										<div class="rel">
											<i class="teacu"> </i><h4>TO RELAX</h4>
										 </div>
											<div class="clearfix"></div>
											<img src="{{__TEMPLATE__}}/images/16.jpg" class="img-responsive" alt="">
											<a class="anasbtn1" href="content.html">Análise</a>
											<div class="comopasser-bottom1">
												<h5><a href="content.html">Análise - O Galaxy S5 vale mesmo a compra?</a></h5>
												<div class="curtir">
													<li>08/02/2015</li>
													<li><a class="cap" href="#"><i class="inter1"> </i><span class="icon_text1">253</span></a></li>
												</div>
											</div>
									</article>
									<ul class="wmuSliderPagination">
										<li><a href="#" class="">0</a></li>
										<li><a href="#" class="">1</a></li>
										<li><a href="#" class="">2</a></li>
									</ul>
						<a class="wmuSliderPrev">Previous</a><a class="wmuSliderNext">Next</a><ul class="wmuSliderPagination"><li><a href="#" class="wmuActive">0</a></li><li><a href="#" class="">1</a></li><li><a href="#" class="">2</a></li></ul></div>
						</div>
						</div>
			</div>
				<div class="clearfix"> </div>
				 <!-- script -->
          <script src="{{__TEMPLATE__}}/js/jquery.wmuSlider.js"></script>
			<script>
       			$('.example1').wmuSlider();
   		    </script>
			<!-- script -->
		</div>
	</div>
	</div>

</block>